<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<wicket:head>
	<style>
		.listHeader{
			background-color: #DEDDEF;
			font-weight: bold;
			float: left;
			padding-left:5px;
			height: 18px;
			text-align: center;
			border-right:1px solid #666;
			line-height: 1.2em;
		}
		
		.listItem{
			vertical-align: middle;
			float:left;
			padding:10px 0px 10px 5px;
		}
		
		.asnItem{
			border-bottom: 1px solid #DEDDEF;
		}
			
	</style>
	<script>
		$('document').ready(function(){
			$('.asnItem:nth-child(even)').css('background-color', '#EEE');
		});
	</script>
</wicket:head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Insert title here</title>
</head>
<body>
<wicket:panel>
	<div wicket:id="asnListCont" class="es-assnAdminList">
	   	<!-- Listing Starts -->
	   	<form wicket:id="assnForm">
	   		<div style="padding:5px;">
	   			<button type="submit" wicket:id="deleteSelected" class="es-button ui-state-default ui-corner-all">Delete</button>
	   		</div>
	   		<div  wicket:id="assnGroup">
			   	<div style="width: 720px;">
			    	<!-- header -->
			    	<div style="clearfix">
			    		<div class="listHeader" style="width:50px">
			    			<input wicket:id="selectAll" type="checkbox" />
			    		</div>
		    			<div class="listHeader" style="width:200px">
		    				Assignment Title
		    			</div>
		    			<div class="listHeader" style="width:150px">
		    				Course
		    			</div>
		    			<div class="listHeader" style="width:180px">
		    				Dates
		    			</div>
		    			<div class="listHeader" style="width:100px">
		    				Status
		    			</div>
			    	</div>
			    	<div style="clear:both;"></div>
			    	<!-- listing -->
			    	
		    		<!-- row -->
			    	<div  wicket:id="asnList" class="asnItem">
			    		<div class="clearfix">
			    			<div class="listItem" style="width:50px;text-align: center;"><input wicket:id="assnCheck" type="checkbox" /></div>
			    			<div class="listItem" style="width:200px;">
			    				<a wicket:id="assnPageLink" href="#"><span wicket:id="assnName">Built-up generation process during forming</span></a>
			    			</div>
			    			<div class="listItem" style="width:150px;">
			    				<span wicket:id="assnCourseLink"><a href="#">Casting, Forming, Welding</a></span>
			    			</div>
			    			<div class="listItem" style="width:180px;text-align: center;">
			    				<span wicket:id="assnStartDate">Apr 20, 2010</span>&nbsp;&mdash;&nbsp;<span wicket:id="assnEndDate">Jun 19, 2010</span>
			    			</div>
			    			<div class="listItem" style="width:100px;text-align: center;">
			    				<span wicket:id="assnStatus">Open</span>
			    			</div>
			    		</div>
			    		<div wicket:id="remarkDiv">Remarks goes here!</div>
				  </div>
				    
			    </div>
			    
			    <div wicket:id="asnPagination">pagination goes here!</div>
			    <div wicket:id="noItemDiv" class="es-warn" style="width:500px; margin:auto;text-align:center;margin-top:30px;"><strong>No assignment for your courses</strong></div>
			</div>
	    </form>
	</div>
</wicket:panel>
<wicket:fragment wicket:id="remarkFrag">
						<!-- Teacher's Assessment goes here -->
				    	<div style="padding: 5px 60px; border-top: 1px dashed #999;">
				    		<div style="font-weight: bold; color: #666; padding:3px;">Remarks:</div>
				    		<div class="clearfix">
					    		<div style="float: left;padding:2px;">
						    		<div class="ui-state-active ui-corner-all">
						    			<span  wicket:id="status" title="Evaluated" class="ui-icon"></span>
						    			<!-- <span title="Waiting Evaluation" class="ui-icon ui-icon-notice"></span>-->
						    		</div>
						    	</div>
					    		<div style="float: left;">
					    			<textarea  wicket:id="remarkTxt" style="width: 500px; height:50px; overflow: auto;" disabled="disabled">lorem epsum</textarea>
					    		</div>
					    	</div>
				    	</div>
</wicket:fragment>


</body>
</html>